<template>
  <div>
    <h1>自定义hook</h1>
    <h1>{{sum}}</h1>
    <button @click="sum++"> +</button>
    <h2>当前点击鼠标的坐标为{{point.x}}{{point.y}}</h2>
  </div>
</template>

<script>

import usepoint from '../utils/usepoint'
import {reactive,ref} from 'vue'
export default {
  setup () {
    let sum =ref(0)
    let person=reactive({
      name:'扎三年'
    })
    let point =usepoint()
    return {
      sum,
      person,
      point
    }
  }
}
</script>

<style lang="less" scoped>

</style>